<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>产品详情</title>
		<meta http-equiv="content-type" content="text/html;charset=utf-8">
	    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
	    <title>玮兰商城项目</title>
	    <meta name="title" content="玮兰商城 首页">
	    <meta name="keywords" content="玮兰商城">
	    <meta name="desciption" content="玮兰商城……">
	    <meta name="author" content="loushengyue，张杰华，李政达，宋雪梅，张建宇">
	    <link rel="shortcut icon" href="../img/icon.ico" type="image/x-icon">
	    <link rel="stylesheet" href="../css/public.css">
		<link rel="stylesheet" href="../css/iconfont.css">
	    <link rel="stylesheet" href="../css/pro_details.css">
	</head>
	<body>
		<header></header>
		<!--banner-->
		<div class="prod-banner-box">
			<div class="prod-banner">
				<img class="prod-banner-img" id="img" src="../img/pro_details_banner_02.jpg"/>
			</div>
			<p class="prod-banner-text" id="title">
				玮兰天然椰棕软硬两用弹簧席梦思床垫
			</p>
			<div class = "prod-price-num">
				<p class = "prod-price">￥<span id="price">398</span><s>￥<span id="sales">1298</span></s></p>
				<div class="prod-num-box">
					<button class = "prod-num-less" id="less">-</button>
					<input value="1" class="prod-num" type="text" id="num">
					<button class = "prod-num-add" id="plus">+</button>
				</div>
			</div>
			<div class="prod-cd-box">
				<button class = "prod-cart" id="add">加入购物车</button>
				<button class = "prod-buy">立即购买</button>
			</div>
			<ul class="prod-details">
				<li>快递：￥0.00</li>
				<li>月销：566笔</li>
				<li>广西 南宁</li>
			</ul>
		</div>
		<hr class="prod-hr"/>
		<!--prod-details-->
		<ul class="prod-details">
			<li><span><img src="../img/pro_details_03.png" alt=""></span>正品保证</li>
			<li><span><img src="../img/pro_details_03.png" alt=""></span>快速直达</li>
			<li><span><img src="../img/pro_details_03.png" alt=""></span>7天退换</li>
		</ul>
		<ul class="prod-details">
			<li><button>产品参数</button></li>
			<li><button>产品介绍</button></li>
			<li><button>产品评价</button></li>
		</ul>
		<div class="prod-intro">
			<p class="prod-intro-left">乳胶厚度: 10mm<br>
				产地: 广东省<br>
				地市: 深圳市<br>
				出租车是否可运输: 否<br>
				包装体积: 1<br>
				安装说明详情: 无安装说明<br>
				床垫主要材质: 乳胶 弹簧 <br>棕 海绵<br>
				床垫厚度: 220mm<br>
				床垫尺寸: 1800x2000mm</p>

			<p class="prod-intro-right">床垫软硬度: 软硬两用<br>
				弹簧类型: 独立袋装弹簧<br>
				棕榈类型: 3D或3E椰棕<br>
				棕的厚度: 20mm<br>
				款式定位: 经济型<br>
				毛重: 40海绵<br>
				厚度: 20mm<br>
				海绵类型: 普通海绵<br>
				设计元素: 大师设计</p>
		</div>
		<div class="prod-bed">
			<h2>自然深睡</h2>
		</div>
		<div class="prod-bed-details-box">
			<div class="prod-bed-details">
				<img src="../img/pro_details_02.gif" alt="">
			</div>
			<dl class="prod-dl">
				<dt><img src="../img/pro_details_04.gif" alt=""></dt>
				<dd>天然有机棉</dd>
			</dl>
			<dl class="prod-dl">
				<dt><img src="../img/pro_details_06.gif" alt=""></dt>
				<dd>天然乳胶</dd>
			</dl>
			<dl class="prod-dl">
				<dt><img src="../img/pro_details_08.gif" alt=""></dt>
				<dd>3E椰梦维</dd>
			</dl>
			<dl class="prod-dl">
				<dt><img src="../img/pro_details_10.gif" alt=""></dt>
				<dd>独立弹簧</dd>
			</dl>
		</div>

		<div class="prod-natual">
			<h2>得天独厚·天然有机棉</h2>
			<img clss="prod-natual-padl" src="../img/pro_details_17.gif" alt="">
			<img src="../img/pro_details_17.gif" alt="">
			<img src="../img/pro_details_17.gif" alt="">
		</div>
		<div class="prod-img-23">
			<img src="../img/pro_details_23.gif" alt="">
			<img src="../img/pro_details_02.jpg" alt="">
			<img src="../img/pro_details_36.gif" alt="">
		</div>

		<footer></footer>
	</body>
	<script src="../lib/zepto.min.js"></script>
	<script src="../lib/storages.js"></script>
	<script src="../lib/resetRem.js"></script>
	<script src="../js/public.js"></script>
	<script src="../js/pro_details.js"></script>
</html>
